@charset "utf-8";
* {margin: 0;padding: 0;font-family: "微软雅黑"}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} 
body{background:#fff;  -webkit-text-size-adjust:100%;font-size: 14px;} 
a{color:#fff;text-decoration:none;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; text-decoration: none;} 
em{font-style:normal} 
li{list-style:none} 
img{border:0;vertical-align:middle;border: none;} 
table{border-collapse:collapse;border-spacing:0} 
p{word-wrap:break-word} 
*:focus { outline: none;}

/*浏览器滚动条*/
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:0px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; } 

.header-go{width: 100%;height: 170px;background: url(../images/xt1.jpg);border-bottom: 1px solid #fff;}
.header1200{width: 1200px;/* height: 209px; */margin: 0px auto;}
.header-logo{width: 149px;height: 114px;float: left;padding-top: 28px;}
.header-nav{height: 32px;line-height: 32px;float: right;padding-top: 73px;}
.header-nav ul{ display: block;}
.header-nav ul li{display: block;float: left;padding-right: 30px;padding-left: 20px;border-right: 1px solid #000;letter-spacing: 2px;}
.header-nav ul li a{color: #333;font-size: 18px;}

@media only screen and ( max-width: 1200px) {
.header-go{ width: 100%; overflow: hidden;}
}

.xt-banner{

width: 100%;

height: 934px;

background: url('images/bg2.jpg') center center;

z-index: -2;
}



/***
 
 轮播样式
 */

  
        /*banner--轮播图*/

        .banner ul{
            position: relative;
        }
        .banner ul li{
            position: absolute;
            width: 100%;
            overflow:  hidden;
        }
        .banner ul li a{
            display: block;
            width:1920px;
            height:100%;
        }
         .banner ul li a img{
               width: 100%
               height: auto;
               position: relative;
               z-index: -100;
        }

.anniu{ width: 100%;}
.anniu a{ display: block;}
        /*左右按钮--开始*/
.btn{
    position: absolute;
    margin-top: 480px;
    width:40px;
    height:40px;
    line-height: 40px;
    background: rgba(0,0,0,.4);
    font-size:24px;
    font-weight:bold;
    text-align: center;
    color:#fff;
    /*鼠标放在banner上才会显示左右按钮*/
    display: none;
}
.prev{
    left:0;

}
.next{
    right:0;
    
}
/*左右按钮---结束--*/

        /*圆点*/
        .circle{
            position: absolute;
            right:40px;
            bottom:30px;
            background: rgba(255,255,255,0.6);
            padding:0 10px;
            border-radius:10px;
        }
        .circle span{
            width:12px;
            height:12px;
            background: #fff;
            border-radius:6px;
            display:inline-block;
            cursor:pointer;

        }
        .circle span.red{
            background: red;
        }



.w-main{ width: 100%; overflow: hidden;}
.bg-one{width: 100%;height: 1390px;overflow:  hidden;background: url(../images/bj1.jpg); background-repeat: no-repeat; background-position: center center;}
.bg1250{width: 1250px;height: 1390px;overflow: hidden;margin: 0px auto;position: relative;}
.bgone590{width: 590px;height: 315px;position: absolute;top: 650px;left: 340px;}
.bgone590:hover .w2{ width: 590px; -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.bgone590-title{}
.bgone590-txt{height: 185px;font-size: 16px;overflow: hidden;padding-top: 5px;line-height: 23px;color: #333;}
.w1{ font-size: 12px; padding-bottom: 2px;}
.w2{width: 104px;height: 31px;font-size: 20px;border-bottom: 5px solid #dbbb8b;}

.bg-two{width: 100%;height: 508px;overflow:  hidden;background: url(../images/bj2.jpg); background-repeat: no-repeat; background-position: center center;}
.bgtwo590-txt{width: 875px;height: 200px;font-size: 18px;overflow:  hidden;color: #353535;left: 190px;top: 150px;text-align: center;position:  absolute;}

.bg-Three{width: 100%;height: 925px;background: url(../images/bj3.jpg);}
.w-character{ width: 618px; height: 776px; float: left;}
.w-introduce{width: 618px;height: 651px;float: right;background: url(../images/xt4.jpg); background-repeat: no-repeat; background-position: center center; margin-top: 62px;margin-right: 14px;}
.introduce-go{width: 525px;height: 645px;margin:  0px auto;}
.introduce-title{ text-align: center; line-height: 30px;}
.w3{ margin-top: 30px; margin-bottom: 15px;}
.w4{font-size: 22px;color:#313131;letter-spacing: 3px;}
.w5{font-size: 18px;color: #8c8a8a;}
.introduce-txt{ text-align:  center; margin-top: 30px; font-size: 16px; line-height: 30px;}

.bg-fore{ width: 100%; height: 986px; overflow: hidden; background: url(../images/bj4.jpg);background-repeat: no-repeat; background-position: center center;}
.bgfore473{width: 590px;height: 315px;overflow:  hidden;position: absolute;top: 473px;left: 340px;}
.bgfore473:hover .w2{ width: 590px; -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}


.bg-five{ width: 100%; height: 1356px; overflow: hidden; background: url(../images/bj5.jpg);background-repeat: no-repeat; background-position: center center;}
.bgfive660{width: 590px;height: 315px;overflow:  hidden;position: absolute;top: 660px;left: 340px;}
.bgfive660:hover .w2{ width: 590px; -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.bg-six{ width: 100%; height: 1430px; overflow: hidden; background: url(../images/bj6.jpg);background-repeat: no-repeat; background-position: center center;}
.bgsix406{width: 590px;height: 315px;overflow:  hidden;position: absolute;top: 406px;left: 340px;}
.bgsix406:hover .w2{ width: 590px; -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.xt-foot{ width: 100%; height: 402px; overflow: hidden; background: url(../images/bj7.jpg);background-repeat: no-repeat; background-position: center center;}
.xtfoot1250{width: 1250px;height: 305px;margin: 0px auto;}
.xfoot-nav{width: 1250px;height: 30px;overflow: hidden;padding-top: 64px;padding-bottom: 50px;}
.xfoot-nav ul{ display: block;}
.xfoot-nav ul li{width: px;height: 30px;line-height: 30px;float: left;overflow: hidden;border-left: 1px solid #fff;padding-left: 5%;padding-right: 5%;}
.xfoot-nav ul li a{ font-size: 18px; color: #fff;}

.xfoot-xinxi{width: 991px;height: 195px;margin: 0px auto;overflow: hidden;}
.xfxinxi-logo{ width: 207px; height: 158px; float: left;}
.xfxinxi-right{width: 485px;height: 195px;float: right;}
.xfcontact{width: 376px;padding-bottom: 3px;border-bottom: 2px solid #3f3f40;}
.w6{font-size: 20px;color: #fff;padding-right: 10px;}
.w7{ font-size: 19px; color: #989898;}
.xfewm{width: 485px;height: 106px;overflow: hidden;padding-top: 6px;}
.xfewm ul{display: block;}
.xfewm ul li{width: 224px;height: 106px;float: left;background: #3f3f40;}
.wfewm1{width: 86px;height: 86px;overflow: hidden;float: left;padding-top: 8PX;PADDING-LEFT: 10px;}
.wfewm1-txt{width: 113px;height: 65px;overflow: hidden;float: right;text-align: center;padding-right: 5px;color: #fff;padding-top: 25px;}
.xfdizhi{ font-size: 16px; color: #fff;}
.xtfoot-bottom{width: 100%;border-top: 2px solid #373737;margin-top: 46px;}
.xtf-txt{width: 1250px;margin: 0px auto;text-align: center;margin-top: 14px;color: #fff;}

.pr-banner{ width: 100%; height: 957px; background: url(../images/bj8.jpg); background-repeat: no-repeat; background-position: center center;}

.xf-product{ width: 100%; height: 949px; overflow: hidden; background: url(../images/bj9.jpg); background-repeat: no-repeat; background-position: center center;}
.xfpr1240{ width: 1240px; overflow: hidden; margin: 0px auto;}
.xfprimg-left{width: 734px;height: 554px;overflow: hidden;float: left;margin-top: 200px;}
.xfprimg-left img{ width: 100%; height: 100%;}
.xfprimg-right{width: 375px;height: 478px;overflow: hidden;float: right;margin-top: 335px;}
.xfprtxt-bt{  font-size: 28px; padding-bottom: 15px;}
.xfprtxt-xq{ font-size: 20px; line-height: 34px; color: #333;}

.xf-product2{ width: 100%; height: 1304px; background: url(../images/bj10.jpg); background-repeat: no-repeat; background-position: center center;}
.xfjs-title{text-align: center;line-height: 45px;margin-top: 90px;margin-bottom: 45px;}
.w8{font-size: 30px;}
.w9{font-size: 28px;}
.xfjs-go{ width: 1250px; overflow: hidden;}
.xfjs-go ul{ display: block;}
.xfjs-go ul li{width: 223px;height: 298px;float: left;display: block;border: 1px solid #c2c2c2;overflow: hidden;text-align:  center;margin-left: 23px;margin-bottom: 34px;-webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.52);-moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.52);box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.52);}
.xfjs-go ul li:hover{box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;}
.xfjs-img{
    width: 103px;
    height: 103px;
    overflow: hidden;
    -moz-border-radius: 50px;      /* Gecko browsers */
    -webkit-border-radius: 50px;   /* Webkit browsers */
    border-radius:50px;            /* W3C syntax */
    padding-top: 33px;
    padding-bottom: 23px;
    margin:  0px auto;
	display:block;transition:width 0.8s, height 0.8s;-moz-transition:width 0.8s, height 0.8s, -moz-transform 0.8s; /* Firefox 4 */-webkit-transition:width 0.8s, height 8s, -webkit-transform 0.8s; /* Safari and Chrome */-o-transition:width 0.8s, height 0.8s, -o-transform 0.8s; /* Opera */
}
.xfjs-go ul li:hover .xfjs-img{transform:rotate(360deg);-moz-transform:rotate(360deg); /* Firefox 4 */-webkit-transform:rotate(360deg); /* Safari and Chrome */-o-transform:rotate(360deg); /* Opera */}
.xfjs-t{font-size: 20px;padding-bottom: 22px;}
.xfjs-txt{font-size: 16px;line-height: 20px;padding-bottom: 24px;}
.xfjs-img2{ width: 43px; height: 4px; background: #dbbb8b; margin: 0px auto;}
.xfjs-go ul li:hover .xfjs-img2{ width: 200px; -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.xfjs-bottom{text-align: center;font-size: 20px;height: 250px;overflow:  hidden;line-height: 30px;padding-top: 102px;}

.xf-product3{ width: 100%; height: 1231px; background: url(../images/bj11.jpg) background-repeat: no-repeat; background-position: center center;}
.xfpr790{ width: 790px; height: 1231px; margin: 0px auto;}
.xfjs2-go{ width: 790px; height: 311px; margin-top: 78px; overflow: hidden;}
.xfjs2-go ul{ display: block;}
.xfjs2-go ul li{width: 234px;height: 311px;text-align: center;background: #f4f4f4;float: left;display: block;overflow: hidden;margin-right: 29px;-webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.52);-moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.52);box-shadow: 0 2px 2px -2px rgb(0, 0, 0);}
.xfjs2-go ul li:hover{
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.18);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    }
.xfjs2-img{width: 234px;height: 212px;padding-bottom: 26px;overflow: hidden;}
.xfjs2-go ul li:hover .xfjs-img2{ width: 200px; -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.xf-product4{ width: 100%; height: 940px; background: url(../images/bj12.jpg); background-repeat: no-repeat; background-position: center center;}
.xfpr952{ width: 952px; height: 940px; margin: 0px auto;}
.xfpr952-top{width: 952px;height: 358px;background: url(../images/csd.png);margin-top: 204px;margin-bottom: 103px;}
.xfpr780-txt{width: 780px;height: 100px;overflow: hidden;text-align: center;font-size: 21px;line-height: 30px;padding-top: 71px;padding-bottom: 40px;margin:  0px auto;letter-spacing: 4px;}
.xfpr780-boto{width: 780px;height: px;margin: 0px auto;color: #333;font-size: 12px;letter-spacing: 2px;text-align: center;}
.xfpr570{width: 570px;height: 67px;overflow:  hidden;text-align: center;line-height: 67px;font-size: 29px;color: #fff;background: #303030;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;margin: 0px auto;}
.xfpr570:hover{ background: #6f6f6f; -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.join-banner{ width: 100%; height: 859px; background: url(../images/b3.jpg); background-repeat: no-repeat; background-position: center center;}

.joinxq-all{ width: 100%; height: 794px; background: url(../images/bj13.jpg); background-repeat: no-repeat; background-position: center center;}
.joinxq1155{ width: 1155px; height: 794px; margin: 0px auto;}
.joinxq-bg{width: 1155px;height: 310px;margin-top: 242px;background: url(../images/csd.png); background-repeat: no-repeat; background-position: center center;}
.joinxq-txt{text-align: center;line-height: 52px;height:  236px;overflow:  hidden;font-size: 24px;padding-top: 80px;}


.joinxq2-all{ width: 100%; height: 1845px; background: url(../images/bj14.jpg); background-repeat: no-repeat; background-position: center center;}
.joinxq1240{ width: 1240px; height: 1845px; margin: 0px auto;}
.joinxq2-title{text-align: center;line-height: 43px;margin-top: 177px;margin-bottom: 77px;}
.w10{ font-size: 30px;}
.w11{ color: #333; font-size: 18px;}
.joinxq2-img{width: 100px;height: 6px;background: #dbbb8b;margin-top: 77px;margin:  0px auto;}
.joinxq1240:hover .joinxq2-img{ width:1150px;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;}
.joinxq2-bottom{ width: 1250px; height: px; overflow: hidden;}
.joinxq2-bottom ul{ display:block;}
.joinxq2-bottom ul li{width: 553px;height: 558px;background: #abaaab;overflow: hidden;float: left;text-align:  center;margin-left: 44px;margin-top: 110px;}
.jxq-img{ width: 553px; height: 280px; overflow: hidden;}
.jxq-title{font-size: 30px;width: 440px;color: #fff;letter-spacing: 2px;padding-top: 31px;padding-bottom: 20px;margin:  0px auto;}
.jxq-img2{width: 50px;height: 3px;margin: 0px auto;margin-bottom: 20px;background: #fff;}
.joinxq2-bottom ul li:hover .jxq-img2{ width: 380px;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.jxq-bot{width: 440px;font-size: 22px;color: #fff;margin:  0px auto;letter-spacing: 1px;}
.jxq-yw{width: 440px;font-size: 5px;margin:  0px auto;color: #c2c1c2;margin-top: 60px;letter-spacing: 2px;}

.joinxq3-all{ width: 100%; height: 1693px; background: url(../images/bj15.jpg); background-repeat: no-repeat; background-position: center center;}
.joinxq3-txt{ width: 1230px; margin: 0px auto; }
.joinxq3-txt ul{ display: block;}
.joinxq3-txt ul li{width: 1230px;height: 433px;margin-bottom: 116px;position: relative;}
.jxq-img3{width: 477px;height: 372px;z-index: 999;top: 48px;overflow: hidden;position: absolute;}
.jxq-tright{width: 923px;height: 477px;float:  right;right: 1px;background: #f6f6f6;position: absolute;}
.jxq-rhtxt{width: 555px;height: 250px;float:  right;margin-right: 108px;margin-top: 137px;}
.rhtxt-top{ width: 100px; height: 6px; background: #dbbb8b; }
.rhtxt-bottom{line-height: 30px;height:  150px;font-size: 20px;padding-top: 30px;overflow:  hidden;}
.jxq-img4{width: 477px;height: 372px;z-index: 999;top: 48px; right:75px; overflow: hidden;position: absolute;}
.jxq-tright2{width: 923px;height: 477px; background: #f6f6f6;position: absolute;}
.jxq-rhtxt2{width: 555px;height: 250px;float:  left;margin-left: 71px;margin-top: 137px;}

.enter-banner{ width: 100%; height: 790px; background: url(../images/b4.jpg); background-repeat: no-repeat; background-position: center center;}
.enter-video{ width: 100%; height: 957px; background: url(../images/bj16.jpg); background-repeat: no-repeat; background-position: center center;}
.entervd1240{ width: 1240px; height: 718px; border: 1px solid #9e9795; margin: 0px auto; margin-top: 111px;}
.envdgo{width: 1150px; height: 655px; margin: 0px auto; background: #000; margin-top: 32px;}

.zj-img{ width: 100%; height: 507px;}
.zj-img img{ width:100%;height:100%}
.zj-txt{width: 1150px;min-height: 640px;overflow:  hidden;margin: 0px auto;}
.zjtxt-top{width: 504px;height: 54px;line-height: 54px;font-size: 27px;color:  #fff;text-align: center;overflow: hidden;background: url(../images/xt10.jpg);margin-top: 130px;}

.zjtxt-top {}
.zjtxt-tt{font-size: 19px;line-height: 35px;margin-top: 66px;}
.zjtxt-bot{color: #3f3f3f;margin-top: 113px;}

.contact-banner{ width: 100%; height: 699px; background: url(../images/b5.jpg); background-repeat: no-repeat; background-position: center center;}
.contact-go{width: 1140px;/* height: 820px; */margin: 0px auto;}
.contop{width: 240px;height: 90px;line-height: 90px;color: #4c4c4c;font-size: 50px;text-align: center;border-bottom:1px solid #4c4c4c;border-top:1px solid #4c4c4c;overflow: hidden;margin: 0px auto;margin-top: 108px;margin-bottom: 80px;letter-spacing: 2px;}
.conbottom{ width: 1140px; height: 650px; border:1px solid #d0d0d0; margin: 0px auto;}
.conbot-go{width: 1020px;/* height: 440px; */margin: 0px auto;margin-top: 106px;}
.conbotg-top{ width: 1020px; height: 57px;}
.w12{display: block;width: 239px;height: 54px;line-height: 54px;font-size: 18px;text-align: left;text-indent: 1em;color: #919191;border: 1px solid #d0d0d0;}
.conbotg-top span{float: left;padding-left: 18px;}
.conbotg-ly{width: 1020px;height: 252px;margin-top: 51px;margin-bottom: 67px;}
.w13{width: 1016px;height: 250px;font-size: 18px;color: #919191;text-indent: 1em;border: 1px solid #d0d0d0;}
.botton{ width: 1020px; height: 55px; line-height: 55px; color: #fff; text-align: center; font-size: 18px; background: #666666; border: none;}
.botton:hover {background-color: #777;
	-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);
}
.contact-map{width: 850px;height: 680px;margin: 0px auto;margin-top: 80px;}
.cmap-top{width: 850px;text-align: center;font-size: 22px;color: #333;line-height: 40px;letter-spacing: 1px;}
.cmap-bot{width: 850px;height: 423px;border: 1px solid #d0d0d0;margin-top: 50px;}
.cmp-img{width: 757px;height: 357px;margin: 0px auto;overflow: hidden;padding-top: 33px;}

.team-banner{ width: 100%; height: 1225px; background: url(../images/b6.jpg); background-repeat: no-repeat; background-position: center center;}
.team-txt{ width: 100%; height: 629px; background:  url(../images/xt15.jpg); background-repeat: no-repeat; background-position: center center;}
.team-xq{width: 1200px;height: 222px;text-align: center;margin: 0px auto;color: #333;font-size: 22px;line-height: 42px;margin-top: 241px;}


@media only screen and ( max-width: 1200px) {
body{ width: 1920px; }
.header-go{ width: 1920px; overflow: hidden;}
.xt-banner{ width: 1920px; overflow: hidden;}
.w-main{ width: 1920px; overflow: hidden;}
.anniu a{ display: none;}
}